<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8"/>
	<meta name="renderer" content="webkit"/>
	<meta name="viewport"
		  content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
	<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
	<meta name="format-detection" content="telephone=no"/>
	<title>{$employ.title}</title>
	<meta name="keywords" content="{$employ.keywords}">
	<meta name="description"
		  content="{$employ.description}">
	<link rel="shortcut icon" href="{$shop_ico}"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/swiper.min.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/aos.css">
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/public.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/tool.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/header.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/footer.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/list.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/style.css"/>
</head>
<body class="Tag-body box-sizing-border ">
<!--头部begin-->
<div class="header-box">
	<header id="header">
		<div class="wrap-full" flex="aic jb">
			<!-- logo start -->
			{include file="logo" /}
			<!-- logo end -->
			<!-- 菜单 start -->
			{include file="menu" /}
			<!-- 菜单 end -->
			<!-- 申请试用 start -->
			{include file="apply" /}
			<!-- 申请试用 end -->
		</div>
	</header>
</div>
<div class="header-box-space"></div>
<!--头部end-->
<!-- 新闻中心banner start -->
<main class="main tag-main bgf8f9fc">
	<!-- 面包屑 start -->
	<div class="website-map">
		<div class="wrap-1440">
			<div class="flex-box">
				<div class="title-icon" flex="aie">
					<img src="/statics/jishijiao/images/icon-7-1.png" width="19" alt="Image">
					<a class="title" href="https://www.extremevision.com.cn">首页</a>
					<span class="self-svg jt" data-icon="arrowRightMiddle14"></span>
					<span class="span">全部话题</span>
				</div>
			</div>
		</div>
	</div>
	<!-- 面包屑 end -->
	<!-- 标签筛选 start -->
	<div class="tag-screening">
		<div class="wrap-1440">
			<!-- 字母 start -->
			<div class="letter-box" flex="wrap">
				<i class="line"></i>
				<span class="letter-span">

          <a class="on" href="javascript:;" onmouseover="tag('a,b,c,d')">A-D</a>

        </span>
				<span class="letter-span">

          <a href="javascript:;" onmouseover="tag('e,f,g,h')">E-H</a>

        </span>
				<span class="letter-span">

          <a href="javascript:;" onmouseover="tag('i,j,k,l')">I-L</a>

        </span>
				<span class="letter-span">

          <a href="javascript:;" onmouseover="tag('m,n,o,p')">M-P</a>

        </span>
				<span class="letter-span">

          <a href="javascript:;" onmouseover="tag('q,r,s,t')">Q-T</a>

        </span>
				<span class="letter-span">

          <a href="javascript:;" onmouseover="tag('u,v,w,x')">U-X</a>

        </span>
				<span class="letter-span">

          <a href="javascript:;" onmouseover="tag('y,z')">Y-Z</a>

        </span>
			</div>
			<!-- 字母 end -->
			<!-- 标签 start -->
			<div class="list tagList" flex="wrap aic">
			</div>
			<!-- 标签 end -->
		</div>
	</div>
	<!-- 标签筛选 end -->
</main>
<!--尾部begin-->
{include file="footer" /}
<script>
	// rem计算问题延时执行
	function remAfter() {
	}

	divLoadFun.addFun("loadFun", function () {
		remAfter();
	});
	tag('a,b,c,d');

	function tag(abc) {
		$('.tagList').empty();
		$.post('/index.php?m=content&c=index&a=abc', {action: 'jiazai', abc: abc}, function (data, textStatus, xhr) {
			if (data != '参数传递错误') {
				$('.tagList').append(data);
			} else {
				alert(data);
			}
		});
	}

	$(document).on('mouseenter', '.tag-screening .letter-box .letter-span', function () {
		letterBoxHover(this);
	});

	function letterBoxHover(o) {
		var _len = $(o)[0].offsetLeft;
		var _w = $(o).width();
		$(o).find('a').addClass('on');
		$(o).siblings().find('a').removeClass('on');
		_len = _len;
		$('.tag-screening .letter-box')[0].style.setProperty('--len', _len + 'px');
		$('.tag-screening .letter-box')[0].style.setProperty('--linew', _w + 'px');
	}
</script>
</body>
</html>